<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <!-- CHANGE THIS TITLE TAG -->
    <title>MODDERFONTEIN 规划说明</title>

    <!-- media-queries.js -->
    <!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
    <!-- html5.js -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

    json/zh-CN/facility/
    <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/styles.css" rel="stylesheet" type="text/css" />
    <link href="css/skin.css" rel="stylesheet" type="text/css" />
    <link href="../index/css/index.css" rel="stylesheet" type="text/css" />
    <link href="../index/css/style.css" type="text/css" rel="stylesheet" />

    <script src="Scripts/cookie.js" type="text/javascript"></script>
    <script src="../js/jquery.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.easytabs.min.js" type="text/javascript"></script>
    <script src="dist/js/bootstrap.js"></script>
    <!--
    <script src="Scripts/jquery.hashchange.min.js" type="text/javascript"></script>
 -->


    <script src="Scripts/CJL.0.1.min.js"></script>
    <script src="Scripts/AlertBox.js"></script>


</head>

<body data-spy="scroll" style="background: url('http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/nqwbjbj.jpg') repeat-x;

height:100%;width:100%;">

    <!-- TOP MENU NAVIGATION -->
    <div class="navbar navbar-fixed-top" style="height:60px" onload="initlanguage();">
        <div class="navbar-inner" style="background-image:url(http://antownimg.b0.upaiyun.com/newmdf/nindex/heng.png)!important;height:60px; ">
            <!--导航开始-->
            <!-- <div class="container">-->
            <div class="lrstyle">
                <a class="brand pull-left" style="padding:0;margin-left:-40px;margin-top:5px;" href="http://www.zendai.com" target="_blank">
                    <img src="http://antownimg.b0.upaiyun.com/newmdf/nindex/logo_01.png">
                </a>
                <a class="brand pull-left" style="padding:0;margin-left:10px;margin-top:6px;" href="../../index.html">
                    <img src=" http://antownimg.b0.upaiyun.com/newmdf/nindex/logo_02.png">
                </a>
                <a class="brand pull-left" style="padding:0;margin-left:15px;margin-top:8px;" href="../../guihua.html" target="_blank">
                    <img src="http://antownimg.b0.upaiyun.com/newmdf/nindex/logo_03.png">
                </a>
                <ul id="nav-list2" class="nav" style="height:60px; float:right">
                    <li>
                        <a href="../../guihua.html">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/emap.png' border="0" onmouseover="this.src='http://antownimg.b0.upaiyun.com/newmdf/nindex/emap2.png'" onmouseout="this.src='http://antownimg.b0.upaiyun.com/newmdf/nindex/emap.png'" style="margin-left:-15px">

                        </a>
                    </li>
                    <li>
                        <a href="#" onclick="changelanguage();setlanguage();" id="planguage">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/english.png' style="margin-left:-25px">
                        </a>
                    </li>
                </ul>
                <ul id="nav-list" class="nav" style="height:60px;float:right; ">
                    <li>
                        <a href="newqwbj.html" id="menu_qwbj">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/qwbj.png'>
                        </a>
                    </li>
                    <li>
                        <a href="newghdw.html" id="menu_ghdw">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/ghdw.png'>
                        </a>
                    </li>
                    <li>
                        <a href="newghln.html" id="menu_ghln">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/ghln.png'>
                        </a>
                    </li>
                    <li>
                        <a href="newcygh.html" id="menu_cygh">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/cygh.png'>
                        </a>
                    </li>
                    <li>
                        <a href="newcssj.html" id="menu_cssj">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/cssj.png'>
                        </a>
                    </li>
                </ul>

            </div>

            <!-- </div> -->
        </div>
    </div>




    <div class="container content container-fluid" id="home">
        <div class="row-fluid" style="width:980px;margin-left:-30px;">
            <!-- APP DETAILS -->
            <div class="span12">
                <!-- APP NAME -->
                <img id="main_img" src="http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/lu.png" />
                <div id="main_title">
                    <h2>
                    </h2>
                </div>
            </div>
            <br>
            <br>

            <div id="tab-container" class='tab-container'>
                <ul id="rw" class="nav nav-tabs" role="tablist" style="border-bottom: 0px solid #ddd;margin-bottom: 0px; ">
                    <li class="active"><a id="a1" href="#tabs1-html">区位背景</a>
                    </li>
                    <li><a id="a2" href="#tabs1-js">地理位置</a>
                    </li>
                    <li><a id="a3" href="#tabs1-css">历史背景</a>
                    </li>
                    <li><a id="a4" href="#tabs1-cs">发展脉络</a>
                    </li>
                </ul>

                <div class='panel-container' style="width:986px;filter: alpha(opacity=90); opacity: 0.9;">
                    <div id="tabs1-html">
                        <div class="media">
                            <a class="pull-left" href="javascript:void(0);">
                                <img class="media-object" alt="..." src="http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/qwbjt1.png" width="250" height="375">
                            </a>
                            <div class="media-body">

                                <h2 id="stitle1" class="media-heading  ">Modderfontein</h2>
                                <image id="l1" src="http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/newqwbjimg/l1.png" />

                                <image id="p1" class="ng-binding" src="http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/1.png" />
                            </div>
                        </div>
                    </div>
                    <div id="tabs1-js">
                        <div class="media">

                            <a id="dlwzshowDetail" class="pull-left" href="javascript:void(0);">
                                <img class="media-object" alt="..." src="http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/dlwz.png" width="250" height="375" id="dlwzshowDetail">
                            </a>

                            <div class="media-body" id="media-body">
                                <h2 id="stitle2" class="media-heading ">Modderfontein</h2>

                                <!-- <span class="label label-info ">区位背景</span> -->
                                <image id="l2" src="http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/l2.png" />

                                <image id="p2" class="ng-binding" src="http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/2.png" />

                            </div>
                        </div>
                    </div>
                    <div id="tabs1-css">
                        <div class="media">

                            <a id="lsbjshowDetail" class="pull-left" href="javascript:void(0);" rel="gallery">
                                <img class="media-object" alt="..." src="http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/lsbj.png" width="250" height="375">

                            </a>
                            <div class="media-body">
                                <h2 id="stitle3" class="media-heading  ">Modderfontein</h2>

                                <image id="l3" src="http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/l3.png" />
                                <image id="p3" class="ng-binding" src="http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/3.png" />
                            </div>
                        </div>
                    </div>
                    <div id="tabs1-cs">
                        <div class="media">

                            <a id="fzmlshowDetail" class="pull-left" href="javascript:void(0);">
                                <img class="media-object" alt="..." src="http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/fzml.png" width="250" height="375">
                            </a>
                            <div class="media-body">
                                <h2 id="stitle4" class="media-heading ">Modderfontein</h2>

                                <image id="l4" src="http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/l4.png" />
                                <image id="p4" class="ng-binding" src="http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/4.png" />

                            </div>
                        </div>
                    </div>
                    <img src="http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/qwbjct.png" style="margin-top:38px;" />
                </div>

            </div>
        </div>
    </div>




    <footer id="footer">
        <!--  <div class="container-fluid"> -->
        <div class="container">
            <div class="row info">
                <div class="col-sm-5 residence">
                    <ul>
                        <li> <a id="f1" href="newqwbj.html">区位背景 </a>┊
                        </li>
                        <li> <a id="f2" href="newghdw.html">规划定位 </a>┊
                        </li>
                        <li><a id="f3" href="newghln.html">规划理念 </a>┊</li>
                        <li><a id="f4" href="newcygh.html">产业规划 </a>┊</li>
                        <li><a id="f5" href="newcssj.html">城市设计 </a>┊</li>
                        <li><a href="newcssj.html">eMap</a>
                        </li>


                    </ul>
                </div>
                <div id="f6" class="col-sm-7 touch ">
                    <ul>
                        <li>
                            Copyright 2014 MODDERFONTEIN All Rights Reserved
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </footer>


    <div id="idBoxfzml" style="display: none; width: 900px; height: 500px; position: absolute; top: 40px; visibility: visible;">
        <iframe id="iframefzml" src="fzml-div.html?lan=en" style="width:100%;height:100%;border:0;"></iframe>
        <div id="fzmlDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxlsbj" style="display: none; width: 900px; height: 500px; position: absolute; top: 40px; visibility: visible;">
        <iframe id="iframelsbj" src="lsbj-div.html?lan=en" style="width:100%;height:100%;border:0;"></iframe>
        <div id="lsbjDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxdlwz" style="display: none; width: 900px; height: 500px; position: absolute; top: 40px; visibility: visible;">
        <iframe id="iframedlwz" src="qwbj-div.html?lan=en" style="width:100%;height:100%;border:0;"></iframe>
        <div id="dlwzDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img
/closediv.png">
        </div>
    </div>
</body>

<script type="text/javascript">
var pagelanguage = getArgs()["lan"] || getCookie("pagelanguage") || "zh-CN";
initpage(pagelanguage);
$(document).ready(function() {
    $('#tab-container').easytabs();

    (function() {
        var abdlwz = new AlertBox("idBoxdlwz"),
            center = true;
        var ablsbj = new AlertBox("idBoxlsbj"),
            center = true;
        var abfzml = new AlertBox("idBoxfzml"),
            center = true;

        $$("dlwzshowDetail").onclick = function() {
            abdlwz.center = true;
            abdlwz.lock = true,
            abdlwz.show();
        }

        $$("dlwzDetailcolse").onclick = function() {
            abdlwz.close();
        }
        $$("lsbjshowDetail").onclick = function() {
            ablsbj.center = true;
            ablsbj.lock = true,
            ablsbj.show();
        }
        $$("lsbjDetailcolse").onclick = function() {
            ablsbj.close();
        }

        $$("fzmlshowDetail").onclick = function() {
            abfzml.center = true;
            abfzml.lock = true,
            abfzml.show();
        }
        $$("fzmlDetailcolse").onclick = function() {
            abfzml.close();
        }

    }())
});



// $("#dlwzshowDetail").onclick = function() {
//     alert("ssss");
// }

function setllanguage(pagelanguage) {
    var main_gjjrq, main_gyyq, main_gjhzq, main_fzwhq, main_jyzx, main_tyzx, main_gjjzq, main_yscy, main_lsfmq, main_stbhq, stitle, a1, a2, a3, a4, span1, p1, p2, p3, p4, f1, f2, f3, f4, f5, f6;
    if (pagelanguage == "en") {
        stitle1 = "Modderfontein";
        stitle2 = "Modderfontein";
        stitle3 = "Modderfontein";
        stitle4 = "Modderfontein";
        a1 = "Context";
        a2 = "Ceographic Position";
        a3 = "Historical Background";
        a4 = "Site Context";
        span1 = "Context"
        span2 = "Ceographic Position";
        span3 = "Historical Background";
        span4 = "Site Context";
        f1 = "Context";
        f2 = "Positioning";
        f3 = "Concept";
        f4 = "Industry";
        f5 = "Design";
        f6 = "Copyright 2014 MODDERFONTEIN All Rights Reserved ";
        main_title = "<h2>THE BACKGROUND</h2>";
        main_gjjrq = "DISTRICT FOR INTERNATIONAL ...";
        main_gyyq = "LIGHT INDUSTRY PARK";
        main_gjhzq = "DISTRICT FOR INTERNATIONAL CONFERENCE ...";
        main_fzwhq = "AFRICAN THEMATIC PARK FOR ...";
        main_jyzx = "EDUCATION AND TRAINING ...";
        main_tyzx = "GYMNASIUM";
        main_gjjzq = "INTERNATIONAL RESIDENTIAL COMMUNITY";
        main_yscy = "SILVER INDUSTRY AND COMMUNITY FOR THE AGED";
        main_lsfmq = "HISTORIC PRESEVATION AND ...";
        main_stbhq = "ECO RESERVE PARK";

    } else {
        stitle1 = "沐德坊";
        stitle2 = "沐德坊";
        stitle3 = "沐德坊";
        stitle4 = "沐德坊";
        a1 = "区位背景";
        a2 = "地理位置";
        a3 = "历史背景";
        a4 = "发展脉络";
        span1 = "区位背景"
        span2 = "地理位置";
        span3 = "历史背景";
        span4 = "发展脉络";
        f1 = "区位背景";
        f2 = "规划定位";
        f3 = "规划理念";
        f4 = "产业规划";
        f5 = "城市设计";
        f6 = "Copyright 2014 MODDERFONTEIN All Rights Reserved ";
        main_title = "<h2>THE BACKGROUND 区位背景</h2>";
        main_gjjrq = "国际金融贸易中心区";
        main_gyyq = "工业园区";
        main_gjhzq = "国际会展中心区";
        main_fzwhq = "非洲文化主题的文化和旅游中心";
        main_jyzx = "教育培训中心";
        main_tyzx = "体育中心";
        main_gjjzq = "国际居住社区";
        main_yscy = "银色产业和养老社区";
        main_lsfmq = "历史风貌保护和文化创意园区";
        main_stbhq = "生态保护区";

    }
    $("#stitle1").html(stitle1);
    $("#stitle2").html(stitle2);
    $("#stitle3").html(stitle3);
    $("#stitle4").html(stitle4);
    $("#a1").html(a1);
    $("#a2").html(a2);
    $("#a3").html(a3);
    $("#a4").html(a4);
    $("#span1").html(span1);
    $("#span2").html(span2);
    $("#span3").html(span3);
    $("#span4").html(span4);

    $("#f1").html(f1);
    $("#f2").html(f2);
    $("#f3").html(f3);
    $("#f4").html(f4);
    $("#f5").html(f5);
    $("#f6").html(f6);

    $("#main_title").html(main_title);
    $("#main_gjjrq").html(main_gjjrq);
    $("#main_gyyq").html(main_gyyq);
    $("#main_gjhzq").html(main_gjhzq);
    $("#main_fzwhq").html(main_fzwhq);
    $("#main_jyzx").html(main_jyzx);
    $("#main_tyzx").html(main_tyzx);
    $("#main_gjjzq").html(main_gjjzq);
    $("#main_yscy").html(main_yscy);
    $("#main_lsfmq").html(main_lsfmq);
    $("#main_stbhq").html(main_stbhq);
};

function changelanguage11(pagelanguage) {
    if (pagelanguage == "en") {
        $("a#planguage>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/hanzi.png')
        $("a#menu_qwbj>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/enqwbj1.png')
        $("a#menu_ghdw>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/enghdw.png')
        $("a#menu_ghln>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/enghln.png')
        $("a#menu_cygh>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/encygh.png')
        $("a#menu_cssj>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/encssj.png')
        $("img#l1").attr('src', "http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/enl1.png");
        $("img#l2").attr('src', "http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/enl2.png");
        $("img#l3").attr('src', "http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/enl3.png");
        $("img#l4").attr('src', "http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/enl4.png");
        $("img#p1").attr('src', "http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/en1.png");
        $("img#p2").attr('src', "http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/en2.png");
        $("img#p3").attr('src', "http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/en3.png");
        $("img#p4").attr('src', "http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/en4.png");

    } else {
        $("a#planguage>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/english.png')
        $("a#menu_qwbj>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/qwbj1.png')
        $("a#menu_ghdw>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/ghdw.png')
        $("a#menu_ghln>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/ghln.png')
        $("a#menu_cygh>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/cygh.png')
        $("a#menu_cssj>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/cssj.png')
        $("img#l1").attr('src', "http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/l1.png");
        $("img#l2").attr('src', "http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/l2.png");
        $("img#l3").attr('src', "http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/l3.png");
        $("img#l4").attr('src', "http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/l4.png");
        $("img#p1").attr('src', "http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/1.png ");
        $("img#p2").attr('src', "http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/2.png");
        $("img#p3").attr('src', "http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/3.png");
        $("img#p4").attr('src', "http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/4.png");
    }
    chagelinkhref(pagelanguage);
}
</script>


</html>
